<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" 
          content="width=device-width, 
                    user-scalable=no, 
                    initial-scale=1.0,
                    maximum-scale=1.0, 
                    minimum-scale=1.0"/>
    <title>Document</title>
    <link type="text/css" rel="stylesheet" href="css/swiper-4.1.6.min.css" />
    <link type="text/css" rel="stylesheet" href="css/demo.css" />
</head>
<body>
    <div id="box">
        <!-- 轮播图开始 -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="images/1.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="images/2.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="images/3.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="images/4.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="images/5.jpg">
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <!-- 轮播图结束 -->

        <!-- 图标导航开始 -->
        <div class="dh">
            <div>
                <span>酒店</span>
                <div class="dhtb"></div>
            </div>
            <div>海外酒店</div>
            <div>团购</div>
            <div>特价酒店</div>
            <div>民宿·客栈</div>
        </div>
        <!-- 图标导航结束 -->
        <!-- 图标导航开始 -->
        <div class="dh">
            <div>
                <span>酒店</span>
                <div class="dhtb"></div>
            </div>
            <div>海外酒店</div>
            <div>团购</div>
            <div>特价酒店</div>
            <div>民宿·客栈</div>
        </div>
        <!-- 图标导航结束 -->
        <!-- 图标导航开始 -->
        <div class="dh">
            <div>
                <span>酒店</span>
                <div class="dhtb"></div>
            </div>
            <div>海外酒店</div>
            <div>团购</div>
            <div>特价酒店</div>
            <div>民宿·客栈</div>
        </div>
        <!-- 图标导航结束 -->
        <!-- 图标导航开始 -->
        <div class="dh">
            <div>
                <span>酒店</span>
                <div class="dhtb"></div>
            </div>
            <div>海外酒店</div>
            <div>团购</div>
            <div>特价酒店</div>
            <div>民宿·客栈</div>
        </div>
        <!-- 图标导航结束 -->
    
        <!-- 图片 -->
        <div id="pic">
            <img src="images/pic_sale.png" />
        </div>

        <!-- 底部吸底导航 -->
        <div id="bum">
            <div>
                <div class="xdtb"></div>
                <span>电话预订</span>
            </div>
            <div>
                <span>下载客户端</span>
            </div>
            <div>
                <span>我的携程</span>
            </div>
        </div>
    </div>
    
    

    <script type="text/javascript" src="js/rem.js"></script>
    <script type="text/javascript" src="js/swiper-4.1.6.min.js" ></script>
    <script type="text/javascript" src="js/demo.js"></script>
</body>
</html>